<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/templates/template.xhtml">
	<ui:define name="Titulo"> Loteria </ui:define>
	<ui:define name="Menu">
		
		<li class="li"> <a href="/LaApuestaJSF/pages/home.jsf"> Inicio </a>  </li>
		<li class="li"> <a class="Activo" href="/LaApuestaJSF/pages/loteria.jsf"> Loteria </a> </li>
		<li class="li"> <a href="/LaApuestaJSF/pages/chance.jsf"> Chance </a>  </li>
		<li class="li"> <a href="/LaApuestaJSF/pages/registrarUsuario.jsf"> Registrar </a> </li>
	
	</ui:define>
	<ui:define name="Contenido">
	
	<h2> <p:outputLabel value="Jugar loteria:"/></h2>
	<div class="Panel">
	<h:form>
	<h:dataTable var="loteria" value="#{controladorLoteria.listarLoterias()}" >
	<h:column>
	<f:facet name="header" >
							  <h:outputText value="Imagen"/>
	</f:facet>
	<h:graphicImage styleClass="imgLoteriaTabla" value="#{loteria.ruta}" />
	</h:column>
	<h:column>
	<f:facet name="header" >
							  <h:outputText value="Loteria"/>
	</f:facet>
	<p:outputLabel value="#{loteria.nombre}"/>
	</h:column>
	<h:column>
	<f:facet name="header" >
							  <h:outputText value="Jugar loteria"/>
	</f:facet>
	<h:outputText value="Numero:" />
	<h:inputText value="#{controladorLoteria.numeroLoteria}" />
	<h:outputText value="Serie" />
	<h:inputText value="#{controladorLoteria.serieLoteria}" />
	<h:commandButton action="#{controladorLoteria.jugarLoteria(loteria.id)}" value="Jugar" />
	</h:column>
	</h:dataTable>
	</h:form>
	</div>
	</ui:define>
	</ui:composition>
</html>